﻿
h1, h1 a				{ color:#048fee; margin: 5px 0px 7px 0px; font-size: 22px; font-family:"UVNMangCauNang"; text-align:left}



/*Page view*/
.Control				{ margin:0; padding:0; border:1px solid #99BBE8; background:#eee; height:24px; line-height:24px; border-radius:3px}
.Control1				{ margin:0; padding:0; border:1px solid #99BBE8; background:#eee; height:24px; line-height:24px; border-radius:3px}
.Control a:link,
.Control a:visited		{ color:#000000; font-weight:normal; text-decoration:none; }
.Control a:hover		{ color:#000000; font-weight:normal; text-decoration:none; }
.Control li				{ display:inline; list-style:none; padding: 0 10px 0 4px; background: url(imagesAdmin/control_li_split.gif) right no-repeat; }
.Control .vadd			{ background: url(imagesAdmin/add.png) center left no-repeat; padding-left:20px; }
.Control .mulDel        { background:transparent url(imagesAdmin/delete.png) center left no-repeat; cursor:pointer; padding-left:20px; }
.Control .vrefresh	    { background: url(imagesAdmin/refresh.png) center left no-repeat; cursor:pointer; padding-left:20px;}

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], button 	{ padding: 1px 6px; border:none;}

.TableView				{border: 1px solid #EDEDED; width: 100%; border-collapse: collapse; font-family:Tahoma; font-size: 12px; background:#fff}
.TableView .trHeader	{ font-weight:bold; text-align:center; background:#2276f2; color:#FFFFFF; } 
.TableView .trHeader td	{ padding:2px 0; line-height:15px; height:30px; }
.TableView .tr:hover td { background:#d7d620}
.TableView .trOdd		{ line-height:24px; background:#FFFFFF; border: 1px solid #ddd5d5 } /*dong chan*/
.TableView .trOdd td    { border: 1px solid #ddd5d5}
.TableView .trEven		{ line-height:24px; background:#f5f5f5 } /*dong le*/
.TableView .trEven td    { border: 1px solid #ddd5d5}
.TableView .tdCenter	{ text-align:center; width:30px; }
.TableView .tdLeft		{ text-align:left; }
.TableView .Function 	{ text-align:center; min-width: 30px; height:20px; }
.TableView .Function:link 	{ padding: 2px 0 2px 0; color: #215dc6; font-size: 12px }
.TableView .Function:active { padding: 2px 0 2px 0; color: #215dc6; font-size: 12px }
.TableView .Function input{ border:0; margin:0; padding:3px 0 0 0;  }
.TableView .Paging		{ line-height:20px; }
.TableView .Text		{ padding: 0 4px; min-width:90px; text-align:left; height:24px}
.TableView .Nhanvien		{ padding: 0 4px; width:100px; text-align:left}
.TableView .Name		{ padding: 0 4px; min-width:160px; text-align:left}
.TableView .Location	{ padding: 0 4px; min-width:300px; text-align:left}
.TableView .trichyeu	{ padding: 0 4px; min-width:150px; text-align:left}
.TableView .diachi      { width:300px; min-height:40px; padding: 0 4px; text-align:left}
.TableView .CheckBox	{ width:140px; text-align:center; }
.TableView .CheckBoxsmall{ width: 20px; text-align:center; }
.TableView .Activehead	{ width:110px; text-align: center; }
.TableView .Date		{ width:100px; text-align: center; }
.TableView .Image		{ width:150px; text-align: center; }
.TableView .Time		{ width:75px; text-align: center; }
.TableView .DateTime	{ width:165px; text-align:center; }
.TableView .DateTimesmal{ width:110px; text-align:center; }
.TableView .Number		{ width:120px; text-align:center; }
.TableView .NumberM		{ width:80px; text-align:center; }

.TableView .vedit	 	{ background: url(imagesAdmin/edit.png) center no-repeat; width:16px; height:16px; text-indent:-99999px; display:inline-block; margin-top:5px;}
.TableView .addsub	 	{ background: url(imagesAdmin/add.png) center no-repeat; width:16px; height:16px; text-indent:-99999px; display:inline-block; margin-top:5px;}
.TableView .views	 	{ background: url(imagesAdmin/page_2.png) center no-repeat; width:16px; height:16px; text-indent:-99999px; display:inline-block; margin-top:5px;}

.TableView .vdelete 	{ background: url(imagesAdmin/delete.png) center no-repeat; width:16px; height:16px; text-indent:-99999px; display:inline-block; margin-top:5px; }
.TableView .vrefresh	{ background: url(imagesAdmin/refresh.png) center left no-repeat; padding: 2px 0 2px 20px; }
.TableView .vback		{ background: url(imagesAdmin/uplevel.png) center left no-repeat; padding: 2px 0 2px 20px; }
.Control .uupdate		{ background: url(imagesAdmin/page_save.png) center left no-repeat; padding: 2px 0 2px 20px }
.Control .uback		    { background: url(imagesAdmin/back.png) center left no-repeat; padding: 2px 0 2px 20px }
.Control .vback		    { background: url(imagesAdmin/uplevel.png) center left no-repeat; padding: 2px 0 2px 20px }
.Control img { height:12px; margin-top:2px }
.sortasc				{ background: url(imagesAdmin/asc.gif) left no-repeat; padding: 0px 0px 0px 9px; color:#2276f2; }
.sortdesc				{ background: url(imagesAdmin/desc.gif) left no-repeat; padding: 0px 0px 0px 9px; color:#2276f2; }

/*Page view*/
.TableUpdate			{color:#2a2929; width:100%; border:1px solid #EDEDED; border-collapse:collapse; text-align:left; font-family: Tahoma; font-size: 12px}
.TableUpdate tr			{ line-height:20px; background:#FFFFFF }
.TableUpdate th			{ width: 120px; padding:2px 5px; text-align:left; border: 1px solid #ddd5d5}
.TableUpdate td			{ padding: 3px 3px; border: 1px solid #ddd5d5}
.TableUpdate .diachi    { width:400px; min-height:60px}
.TableUpdate .Location	{ padding: 0 4px; min-width:300px; text-align:left}
.TableUpdate .ghichu	{ padding: 0 4px; min-width:300px; text-align:left; min-height:40px; max-width:500px; max-height: 80px}
.TableUpdate .trichyeu	{ padding: 0 4px; min-width:500px; text-align:left; min-height:80px; max-width:700px; max-height: 100px}
.TableUpdate input[type="submit"] { background: url(imagesAdmin/refresh.png) center left no-repeat; padding: 2px 0 2px 20px; }
/*.TableUpdate td p       { font-size: 11px; color: red}*/
/*.TableUpdate td img     { border: 0; max-width: 50px; }*/
.TableUpdate .text		{ width: 200px; height: 18px; border-style: solid; border: 1px solid #ddd5d5}
.TableXuly			{ width:100%; border:1px solid #EDEDED; border-collapse:collapse; text-align:left; font-family: Tahoma; font-size: 12px}
.TableXuly .xuly	{ padding: 0 4px; float:left; min-width:480px; text-align:left; min-height:80px; max-width:480px; max-height:200px}
.TableXuly .chonnv	{ padding: 0 4px; float:right; min-width:480px; text-align:left; min-height:80px; max-width:480px; max-height:200px}
/*Phan trang*/
.tablePaging                { border-color:RGB(0,61,121); font-family:Arial; font-size:12px; margin:5px 5px}
.tablePaging td a           { border:1px solid #dfe0df; background:#ffffff; padding:4px 7px; margin:2px; color:#5aa9de; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}
.tablePaging td a:hover     { background:#63aede; color:#fff; border:1px solid #1f79b4;}
.tablePaging td span        { border:1px solid #1f79b4; background:#5aa9de url(images/bg_pager.png) repeat-x; padding:4px 7px; margin:2px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff}


.TopSearchImpExp                { padding-top:3px; background:#d0def0; padding-left:10px;}
.TopSearchImpExp table          { width:100%; border-collapse:collapse;}
.TopSearchImpExp table tr       { height:30px}
.TopSearchImpExp table tr td    { width:100px; }
.TopSearchImpExp table tr td input[type="submit"] { border:1px solid #c9c9c9; background:#ddd; cursor:pointer;}

.searchTop                              { width:561px; margin:9px 10px 9px 16px; position:relative;}
.searchTop input[type="text"]           { width:444px; height:30px; border:1px solid #dddddd; padding-left:5px; border-radius:5px;}
.searchTop input[type="submit"]         { height: 30px; color: #fff; font-size: 14px; width: 35px; background: #ce171f url(images/search.png) no-repeat center; border-radius:5px; border-style: none; cursor:pointer;}
.searchTop input[type="submit"]:hover   { background: #c30b14 url(images/search.png) no-repeat center; }
.searchTop ul                           { border:1px solid #ccc; background:#eee; padding:5px 5px 0; border-radius:0px 0px 4px 4px; -webkit-border-radius:0px 0px 4px 4px; -moz-border-radius:0px 0px 4px 4px; box-shadow: 0 0 25px #e8e8e8; -moz-box-shadow: 0 0 25px #e8e8e8; -webkit-box-shadow: 0 0 25px #e8e8e8; position:absolute; width:444px; z-index:100;}
.searchTop ul li:hover                  { background:#dfdfdf;}
.searchTop ul li img                    { width:10px; height:10px; margin-right:5px; float:left;}
.searchTop ul li a                      { border:1px solid #fff; outline:1px solid #ddd; margin-bottom:3px; padding:10px; display:block; line-height:17px;}
.searchTop ul li a:hover                { background:#dfdfdf;}
.searchTop ul li a span                 { overflow:hidden; color:#555; font-weight:bold; font-size:11px; text-align:justify;}
.searchTop ul li a p                    { float:right; color:#f17300;}

.TopSearch { width:100%; background:#D0DEF0; padding:3px 0 3px 3px;}
.TopSearch ul li { float:left; padding-left:10px;}

.clearfix   { display:block;}
.clearfix:after { clear:both; display:block; content:"."; height:0; visibility:hidden; overflow:hidden;}
/*Left*/
#col_left				{ background: #2276f2; text-align:center; width: 205px; max-width: 205px; vertical-align:top; }
#col_left .tableAd		{ background:url(imagesAdmin/menu_bg.jpg) repeat-y; width: 185px; text-align:center; margin:10px 10px 0 10px; padding:0;  border: 0; border-collapse: collapse}
#col_left .tableAd td	{ text-align:left; font-size:11px; font-weight:bold; color:#215dc6; width:168px; }
#col_left .content, 
#col_left .content a	{ color:#215dc6; }
#col_left .content a:hover	{ color:#2038f0; text-decoration:none; font-weight:bold }
#col_left .content		{ background:#d3e2f9; width:184px; text-align:left; margin:0 10px 0 10px; }
#col_left .content ul	{ list-style:none; padding:7px 0; }
#col_left .content li	{ padding-left:10px; line-height:25px; font-size:11px; font-family:tahoma; }
#col_left .content li img{ border:none; padding-right:5px; vertical-align:middle; }
#col_left td.left		{ background:url(imagesAdmin/menu_left.jpg) top left; width:14px }
#col_left td.right		{ background:url(imagesAdmin/menu_right.jpg) no-repeat top right; width:3px; }
#col_left td.image		{ width:20px; cursor:pointer; padding:0 3px; }
/*#col_left .image img	{ cursor:pointer; }*/
#col_left .powered_by, 
#col_left .powered_by a	{ padding:10px 0; font-size:9px; text-align:center; color:#FFFFFF; }

/*Right*/
#col_right				{ vertical-align:top; text-align:left; padding-left: 3px}
